<template>
    <div class="benefits-wrap donated-wrap">
        <h4 class="node-title">超值赠品</h4>
        <ul class="node-list">
            <li class="node" v-for="(item,index) in datas" :key="index">
                <i class="border-tag"></i><i class="border-tag"></i>
                <i class="radius-tag"></i><i class="radius-tag"></i>
                <i class="inner-tag"></i><i class="inner-tag"></i>
                <h5>{{ item.title }}</h5>
                <ul class="sub-node-list">
                    <li class="sub-node" v-for="(subItem,subIndex) in item.list" :key="subIndex">{{ subIndex + 1 }}. {{ subItem }}</li>
                </ul>
            </li>
        </ul>
    </div>
</template>

<script>
import { ref } from 'vue'
export default {
    setup () {
        const datas = ref([
            {
                title: '价值499元',
                value: '499',
                list: [
                    '朋友圈诊断一次，帮你调整为能收钱的朋友圈',
                    '朋友圈文案修改三次（我老师一条文案收款5位数）'
                ]
            }
        ])

        return {
            datas
        }
    }
}
</script>
